<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">

    <div class="row">
        <div class="col-md-12">
            <!--查询条件-->
            <form class="form-horizontal" ng-show="showMoreSearch">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><strong>{{'评论查询' | dyLanguage}}</strong></h3>
                        <ul class="panel-controls">
                            <li><a href="javascript:void(0)" class="panel-remove"><span class="fa fa-times"></span></a></li>
                        </ul>
                    </div>
                    <div class="panel-body">
                        <p>{{'本页面可对学习地图的评论信息进行查询、管理等操作。' | dyLanguage}}</p>
                    </div>
                    <div class="panel-body">

                        <div class="row">
                            <div class="col-md-6">

                                <div class="form-group">
                                    <label class="col-md-3 control-label">{{'开始时间' | dyLanguage}}</label>

                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
                                            <input type="text" class="form-control datepicker" cm-datepicker
                                                   ng-model="queryPara.fromDate">
                                        </div>
                                        <span class="help-block">{{'请输入评论创建的最早时间' | dyLanguage}}</span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label">{{'结束时间' | dyLanguage}}</label>

                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
                                            <input type="text" class="form-control datepicker" cm-datepicker
                                                   ng-model="queryPara.toDate">
                                        </div>
                                        <span class="help-block">{{'请输入评论创建的最晚时间' | dyLanguage}}</span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="panel-footer" style="text-align: center;">
                        <button class="btn btn-primary" ng-click="queryForum(1)"><i class="fa fa-search"></i>{{'查询' | dyLanguage}}</button>
                        <button class="btn btn-primary" ng-click="refresh()"><i class="fa fa-refresh"></i>{{'重置' | dyLanguage}}</button>
                    </div>
                </div>
            </form>
            <!--end 查询条件-->

            <!-- START TABLE HOVER ROWS -->
            <div class="panel panel-default">
                <div class="panel-heading x-navigation x-navigation-horizontal x-navigation-panel">
                    <div class="panel-title-box" style="width: 30%">
                        <h3 class="panel-title"><strong>{{'查询结果：' | dyLanguage}}</strong></h3>
                    </div>
                    <div class="search-div">
                        <ul class="panel-controls panel-controls-title">

                            <li class="top-panel-controls">
                                <div class="input-group">
                                    <select class="form-control" options="learningMaps" name="learningMaps" ng-change="selectLearningMap()"
                                            ng-options="y.name for (x, y) in learningMaps" ng-model="selectedLearningMap">
                                        <option value="">{{'请选择' | dyLanguage}}</option>
                                    </select>
                                </div>
                            </li>

                            <li class="top-panel-controls">
                                <button ng-show="!showMoreSearch" class="btn btn-primary" ng-click="showMoreSearchFun(true)"><i class="fa fa-search"></i>{{'更多筛选' | dyLanguage}}</button>
                                <button ng-show="showMoreSearch" class="btn btn-primary" ng-click="showMoreSearchFun(false)"><i class="fa fa-eye"></i>{{'隐藏更多筛选' | dyLanguage}}</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="panel-body table-responsive">
                    <p style="float: left;">{{'本次查询共查询到' | dyLanguage}}{{pagination.length}}{{'条记录。' | dyLanguage}}</p>
                    <cm-pagination ng-model="pagination" ng-show="pagination.length > 0"></cm-pagination>
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th width="200px">{{'用户信息' | dyLanguage}}</th>
                            <th>{{'评论内容' | dyLanguage}}</th>
                            <th width="170px">{{'创建时间' | dyLanguage}}</th>
                            <th width="200px">{{'操作' | dyLanguage}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="word-wrap:break-word;word-break: break-all;" ng-repeat="forum in queryResult.datas">
                            <td>
                                <ul>
                                    <li>{{'用户昵称：' | dyLanguage}}{{forum.user.nickName}}</li>
                                    <!--<li>手机：{{forum.user.contact.mobile || "无"}}</li>-->
                                    <li ng-show="user.roleCode == 'ROLE_ORGANIZATION_SERVICE'">{{'企业名称：' | dyLanguage}}{{forum.user.companyCode || "无"}}</li>
                                </ul>
                            </td>
                            <td>{{forum.content}}</td>
                            <!--<td width="30%">-->
                            <!--<ul>-->
                            <!--<li>是否置顶：{{!!forum.top?'是':'否'}}</li>-->
                            <!--<li>置顶顺序：{{forum.topSort}}</li>-->
                            <!--</ul>-->
                            <!--</td>-->
                            <!--<td>{{forum.active?"是":"否"}}</td>-->
                            <td ng-bind="forum.createDate.toDateTime()"></td>
                            <td>
                                <a href="javascript:void(0)" ng-click="checkReply(forum)">{{'查看回复' | dyLanguage}}</a>
                                &nbsp;|&nbsp;
                                <a href="javascript:void(0)" ng-show="!forum.active" ng-click="setForumValid(forum)">{{'设置有效' | dyLanguage}}</a>
                                <a href="javascript:void(0)" ng-show="forum.active" ng-click="setForumInvalid(forum)">{{'设置无效' | dyLanguage}}</a>
                                &nbsp;|&nbsp;
                                <a href="javascript:void(0)" ng-show="!forum.top" ng-click="setTop(forum)">{{'置顶' | dyLanguage}}</a>
                                <a href="javascript:void(0)" ng-show="forum.top" ng-click="cancelTop(forum)">{{'取消置顶' | dyLanguage}}</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <cm-pagination ng-model="pagination" ng-show="pagination.length > 0"></cm-pagination>
                </div>
            </div>
            <!-- END TABLE HOVER ROWS -->

        </div>
    </div>

</div>
<!-- END PAGE CONTENT WRAPPER -->
<ui-view name="forum-child"></ui-view>